<template>
	<div class="page">
		<top-bar title="我的审批" open="2">
			<div slot="rightItem"></div>
		</top-bar>
		<tab-top>
			<tab-top-item path="/user/approval" text="待审批"></tab-top-item>
			<tab-top-item path="/user/waitapproval" text="已审批"></tab-top-item>			
		</tab-top>
		<router-view></router-view>
	</div>
</template>

<script>
	import tabTop from '@components/tabTop/tabTop.vue'
	import tabTopItem from '@components/tabTop/tabTopItem.vue'
	import topBar from '@components/topBar.vue'
	export default{
		data(){
			return{
				
			}
		},
		components:{
			tabTop,
			tabTopItem,
			topBar
		}
	}
</script>

<style>
	.page{
		-webkit-overflow-scrolling: touch;
		/* overflow-y: auto;
		width: 100%;
		height: 100%;
		position: fixed;
		top: 0;
		left: 0; */
		height: 100%;
	}
</style>
